// pages/goods_detail/index.js
import { request } from "../request/index.js"
import regeneratorRuntime from '../../lib/runtime/runtime';
Page({
  data: {
    goodsObj:{}
  },
  GoodsInfo:{},

  onLoad: function (options) {
    const {goods_id}=options;
    this.getGoodsDetail(goods_id);
  },
  async getGoodsDetail(goods_id){
    const goodsObj=await request({url:"/goods/detail",data:{goods_id}});
    this.GoodsInfo = goodsObj.data.message;
    this.setData({
      goodsObj:{
        goods_name:goodsObj.data.message.goods_name,
        goods_price:goodsObj.data.message.goods_price,
        goods_introduce:goodsObj.data.message.goods_introduce.replace(/\.webp/g,'.jpg'),
        pics:goodsObj.data.message.pics
      }
    })
  },
  handlePreviewImage(e){
    // 1 先构造要预览的图片数组 
    const urls = this.GoodsInfo.pics.map(v=>v.pics_mid)
    // 2 接收传递过来的图片url
    const current = e.currentTarget.dataset.url;
    wx.previewImage({
      current,
      urls
    })
  },
  handleCartAdd(e){
    // 1 获取缓存中的购物车数据 数组格式 如果没有赋予空数组
    let cart = wx.getStorageSync('cart') || [];
    console.log(cart);
    // 2 判断 商品对象是否存在于购物车中
    // findIndex() 方法返回传入一个测试条件（函数）符合条件的数组第一个元素位置。
    let index = cart.findIndex(v=>v.goods_id === this.GoodsInfo.goods_id);
    if(index === -1){
      // 3 不存在 第一次添加
      this.GoodsInfo.num = 1;
      this.GoodsInfo.checked = true;
      // 4 填充回缓存中
      cart.push(this.GoodsInfo);
    }else{
      // 4 已经存在购物车数据 执行 num++
      cart[index].num++; 
    }
    // 5 把购物车重新添加回缓存中
    wx.setStorageSync("cart", cart);
    // 6 弹窗提示
    wx.showToast({
      title: '加入成功',
      icon: 'success',
      // true 防止用户 手抖 疯狂点击按钮 
      mask: true
    });
  }
})